<template>
  <vue-tab current="audit"></vue-tab>
  <table class="table table-bordered table-hover">
    <thead>
      <tr>
        <th class="col-sm-4">待审核推广员姓名</th>
        <th class="col-sm-4">审核状态</th>
        <th class="col-sm-4 text-right"></th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="item in list">
        <td>{{item.name}}</td>
        <td>{{item.status | promoterAuditStatus}}</td>
        <td class="text-right">
          <button class="btn btn-sm btn-primary" @click="showDetail(item.id)">查看详情</button>
        </td>
      </tr>
    </tbody>
  </table>
  <vue-detail :show-modal.sync="showModal" :id.sync="detailId"></vue-detail>
</template>
<script src="./audit.js"></script>